<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link rel="stylesheet" href="css/footer.css">
		<link rel="stylesheet" href="css/dianpu.css">
		<link rel="stylesheet" href="css/iconfont.css">
		<link rel="stylesheet" href="css/index.css">
		
	</head>
	<body>
		<div class="container">
			<!-- 头部 -->
			<div class="header">
				<div class="gps"><i class="iconfont">&#xe60f;&nbsp;</i>沈阳市规划大厦<i class="iconfont">&#xe65c;</i></div>
				<div class="search">
					<span class="tip"><i class="iconfont">&#xe635;&nbsp;</i>搜索饿了么商家、商品名称</span>
				</div>
			</div>
			<!-- 功能简略图 -->
			<div class="banner">
				<div class="foods">
					<!-- <div class="food">
						<img src="img/dcfl01.png" alt="">
						<span class="title">美食</span>
					</div> -->
				</div>
			</div>
			<!-- 套餐 -->
			<div class="combo">
				<div class="combo-text">
					<h5>品质套餐</h5>
					<p class="t-one">搭配齐全吃得好</p>
					<p class="t-two">立即抢购 ></p>
				</div>
			</div>
			<!-- 会员 -->
			<div class="vip">
				<img src="img/super_member.png" alt="">
				<span class="vip-t1">超级会员 ·</span><span class="vip-t2">每月享超值权益</span><span class="vip-t2 fr">立即开通></span>
			</div>
			<!-- 推荐 -->
			<div class="recommend">
				<!-- 推荐商家文字 -->
				<div class="re-top">
					<span class="gang">—<span>推荐商家</span>—</span>
				</div>
				<!-- 筛选 -->
				<div class="re-center">
					<div class="re-ch">综合排序<i class="iconfont">&#xe65c;</i></div>
					<div class="re-ch">距离最近</div>
					<div class="re-ch">销量最高</div>
					<div class="re-ch">筛选<i class="iconfont" style="font-size: 0.6rem;">&#xe7bd;</i></div>
				</div>
				<!-- 商家列表 -->
				<div class="shop-list">
					
				</div>
			</div>
			<!-- 底部 -->
			<div class="footer">
				<div class="item">
					<div>
						<i class="iconfont" style="font-size: 0.9rem;">&#xe64e;</i>
					</div>
					<div class="module">首页</div>
				</div>
				<div class="item">
					<div>
						<i class="iconfont" style="font-size: 0.9rem;">&#xe7ae;</i>
					</div>
					<div class="module">发现</div>
				</div>
				<div class="item">
					<div>
						<i class="iconfont" style="font-size: 0.9rem;">&#xe60e;</i>
					</div>
					<div class="module">订单</div>
				</div>
				<div class="item">
					<div>
						<i class="iconfont" style="font-size: 0.9rem;">&#xe63a;</i>
					</div>
					<div class="module">我的</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-3.6.0.min.js"></script>
	<script src="js/index.js"></script>
	<script src="js/footer.js"></script>
</html>
